.running {
  display: flex;
  flex-direction: column;
  background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%);
  color: #fff;
}
.running .first {
  flex: 3;
  text-align: center;
  padding: 20px;
}
.running .first span {
  font-size: 30px;
  font-weight: bold;
}
.running .first p {
  margin-bottom: 20px;
  font-size: 40px;
}
.running .second {
  flex: 2;
  display: flex;
  justify-content: space-evenly;
  line-height: 30px;
  font-size: 28px;
}
.running .second i {
  font-size: 20px;
}
.running .third {
  flex: 2;
  display: flex;
  justify-content: space-evenly;
}
.running .third > div {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: seagreen;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.running .third .pausebtn {
  background-color: #fff;
  color: deepskyblue;
}
.running .third .continuebtn {
  display: none;
}
.running .third .stopbtn {
  background-color: steelblue;
  display: none;
}
.running .third i {
  font-size: 20px;
  margin-bottom: 10px;
}
